﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Article - 标题</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/main.css">
	<style>

	</style>
</head>

<body>
    <div class="main-wrapper article">
        <header>
            <nav>
                <div class="logo"><a href="index.html">海宝宝</a> </div>
                <ul>
                    <li><a href="index.html">首页</a> </li>
                    <li><a href="#" class="active">文章模版</a> </li>
                    <li><a href="#">链接3</a> </li>
                    <li id="sidebar_trigger"><a href="#">侧栏菜单</a> </li>
                </ul>
            </nav>
            <div id="banner">
                <div class="inner">
                    <h1>海宝宝</h1>
                    <p class="sub-heading">Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj
                        allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</p>
                </div>
            </div>
        </header>
        <div class="content">
            <div class="content_wrapper">
                <div class="article_info">
                    编辑于2020-9-1 | 浏览:898
                </div>
                <article>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem laLorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem laLorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem laLorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lalkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allm lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwiek dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lm lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwieorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien am lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwielkdien Lorem lakdsfj allk dkwien alkdien</div>
                    <div>Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwm lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwien alkdien Lorem lakdsfj allk dkwieen alkdien</div>




                </article>
            </div>
        </div>
        <footer>
            <ul class="share-group">
                <li>item1</li>
                <li>item2</li>
                <li>item3</li>
                <li>item4</li>
                <li>item5</li>
            </ul>
            <div class="copy">
                &copy 海宝宝 - 2018
            </div>
        </footer>
    </div>
    <div class="mask"></div>
    <div id="sidebar">
        <ul>
            <li><a href="#">item1</a></li>
            <li><a href="#">item2</a></li>
            <li><a href="#">item3</a></li>
            <li><a href="#">item4</a></li>
            <li><a href="#">item5</a></li>
        </ul>
    </div>
    <button class="back-to-top">返回顶部</button>
    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>

</body>

</html>